<!DOCTYPE html>
<html>
<head>
  <title>WEBRTC Demo</title>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href='./css/bootstrap.css' rel="stylesheet">
  <link href='./css/style.css' rel='stylesheet'>
</head>
<body>

  <!-- 登录  -->
  <div id="input-container">
    <div class="form-group">
        <label for="sdkappid">SDKAPPID:</label>
        <input class="form-control" id="sdkappid" type="text" value="1400037025" />
        <label for="userId">用户名:</label>
        <input class="form-control" id="userId" type="text" value="" />
        <label for="room-number">房间号:</label>
        <input class="form-control" id="roomid" type="text" value="100901">
    </div>
    <button class="btn btn-default" type="button" onclick="push()">进入房间</button>
    <br />
  </div>
  <!-- 登录  -->

  <!-- RTC  -->
  <div id="video-section" style="display: none">
        <h2> local</h2>
        <div>
          <video id="local" muted autoplay playsinline></video>
        </div>
        <h2> remote</h2>
        <div>
          <video id="remote"  autoplay playsinline></video>
        </div>
    </div>
  </div>
  <!-- RTC  -->

  <!-- jquery Demo用到，WebRTCAPI不依赖 -->
  <script src="https://www.qcloudtrtc.com/quick/assets/libs/jquery.min.js"></script>
  <!-- 引入WebRTCAPI ， 强烈建议使用如下的CDN方式引入 -->
  <!-- <script src="https://sqimg.qq.com/expert_qq/webrtc/2.4/WebRTCAPI.min.js"></script> -->
  <!-- demo 部分 -->
  <script src="../dist/WebRTCAPI.min.js"></script>
  <script src="./js/index.js" type="text/javascript"></script>
  <script>
      var _mtac = {"senseHash":0};
      (function() {
          var mta = document.createElement("script");
          mta.src = "//pingjs.qq.com/h5/stats.js";
          mta.setAttribute("name", "MTAH5");
          mta.setAttribute("sid", "500538821");
          mta.setAttribute("cid", "500538834");
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(mta, s);
      })();
  </script>
<!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-121844058-1"></script> <script>   window.dataLayer = window.dataLayer || [];   function gtag(){dataLayer.push(arguments);}   gtag('js', new Date());    gtag('config', 'UA-121844058-1'); </script></body>
</html>
